<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/reply.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>
    <style>
        .row-hotScenic .figure:hover .mask-container{
            top:0%
        }

        .row-hotScenic .figure:hover .title{
            display: none;
        }

        .row-hotScenic .figure .title{
            background: none;
            bottom:15px;
        }

    </style>
    <script>
        $(function () {
            $.post("/scene/scene",function (data) {
                $("#slist").html('');
                $("#slist").append(data);
            })
            $(".clearfix1 a").click(function () {
                var signId = $(this).data("sign");
                if (!signId){
                    signId=-1;
                }
                var sign = $(this).data("sign");
                if (!signId && !sign) { // 防止没有获取到值
                    return;
                }
                console.log(signId);
                $(".theme").removeClass("on");
                $(this).addClass("on");
                $.get("/scene/scene",{signId:signId},function (data) {
                    $("#slist").html('');
                    $("#slist").append(data);
                })
            })

        })
    </script>
</head>

<body>
<#assign currentNav="destination">
<#include "../common/navbar.ftl">
<div class="container">
	<div class="row row-placeTop" data-cs-p="面包屑">
    <div class="wrapper">
        <link href="http://css.mafengwo.net/css/cv/css+mdd+place-crumb:css+mdd+place-navbar^Z1U^1559788120.css"
              rel="stylesheet" type="text/css">
        <script language="javascript" src="http://js.mafengwo.net/js/hotel/sign/index.js?1552035728"
                type="text/javascript" crossorigin="anonymous"></script>
        <link href="http://css.mafengwo.net/css/mdd/place-crumb.css?1530619858" rel="stylesheet" type="text/css">

        <div class="crumb">

            <div class="item"><a href="/mdd/" target="_blank">目的地</a><em>&gt;</em></div>

            <div class="item">
                <div class="drop">
                    <span class="hd"><a href="/travel-scenic-spot/mafengwo/14674.html"
                                        target="_blank">广东<i></i></a></span>
                    <div class="bd">
                        <i class="arrow"><b></b></i>
                        <div class="col">
                            <h3>热门地区</h3>
                            <ul class="clearfix">
                                <li><a href="/travel-scenic-spot/mafengwo/10088.html" target="_blank">广州</a></li>
                                <li><a href="/travel-scenic-spot/mafengwo/10198.html" target="_blank">深圳</a></li>
                                <li><a href="/travel-scenic-spot/mafengwo/10269.html" target="_blank">珠海</a></li>
                                <li><a href="/travel-scenic-spot/mafengwo/11475.html" target="_blank">惠州</a></li>
                                <li><a href="/travel-scenic-spot/mafengwo/13394.html" target="_blank">佛山</a></li>
                            </ul>
                        </div>
                        <div class="more"><a href="/travel-scenic-spot/mafengwo/14674.html"
                                             target="_blank">&gt;&gt;更多地区</a></div>
                    </div>
                </div>
                <em>&gt;</em>
            </div>
            <div class="item">
                <div class="drop">
                    <span class="hd"><a href="/travel-scenic-spot/mafengwo/10088.html">广州<i></i></a></span>
                    <div class="bd">
                        <i class="arrow"><b></b></i>
                        <div class="col">
                            <!--h3>热门国家</h3-->
                            <ul class="clearfix">
                                <li><a href="/mdd/route/10088.html" target="_blank">广州行程线路</a></li>
                                <li><a href="/jd/10088/gonglve.html" target="_blank">广州景点</a></li>
                                <li><a href="/hotel/10088/?sFrom=mdd" target="_blank">广州酒店</a></li>
                                <li><a href="/cy/10088/gonglve.html" target="_blank">广州餐饮</a></li>
                                <li><a href="/gw/10088/gonglve.html" target="_blank">广州购物</a></li>
                                <li><a href="/yl/10088/gonglve.html" target="_blank">广州娱乐</a></li>
                                <li><a href="/localdeals/0-0-M10088-0-0-0-0-0.html" target="_blank">广州当地玩乐</a></li>
                                <li><a href="/gonglve/ziyouxing/mdd_10088/" target="_blank">广州自由行攻略</a></li>
                            </ul>
                        </div>
                        <!--div class="more"><a href="#">&gt;&gt;更多国家</a></div-->
                    </div>
                </div>
                <em>&gt;</em>
            </div>
            <div class="item cur"><strong>广州景点</strong></div>
        </div>
        <script language="JavaScript" type="text/javascript">
            $(function () {
                //面包屑
                $('.drop').mouseenter(function (ev) {
                    var target = $(ev.currentTarget);
                    clearTimeout(target.data('hideTimer'));
                    target.addClass('open');
                    target.children('bd').fadeIn(200);
                });
                $('.drop').mouseleave(function (ev) {
                    var target = $(ev.currentTarget);
                    target.data("hideTimer", setTimeout(function () {
                        target.removeClass('open');
                        target.children('bd').fadeOut(200);
                    }, 200));
                });
            });
        </script>

        <div class="place-navbar" id="_j_mdd_place_nav_bar_warper" style="border-top: 0;" data-cs-t="目的地导航">
            <div class="navbar-con">
                <ul class="navbar clearfix navbar-first-level-warper">
                    <li class="navbar-overview">
                        <a class="navbar-btn" href="/travel-scenic-spot/mafengwo/10088.html" data-cs-p="首页">
                            <i class="navbar-icon"></i><span>首页</span>

                        </a>
                    </li>
                    <li class="navbar-line">
                        <a class="navbar-btn" href="/mdd/route/10088.html" data-cs-p="行程线路">
                            <i class="navbar-icon"></i><span>行程线路</span>

                        </a>
                    </li>
                    <li class="navbar-scenic">
                        <a class="navbar-btn" href="/jd/10088/gonglve.html" data-cs-p="景点">
                            <i class="navbar-icon"></i><span>景点</span>

                        </a>
                    </li>
                    <li class="navbar-hotels">
                        <a class="navbar-btn" href="/hotel/10088/?sFrom=mdd" data-cs-p="酒店">
                            <i class="navbar-icon"></i><span>酒店</span>

                        </a>
                    </li>
                    <li class="navbar-flight">
                        <a class="navbar-btn" href="/flight/" target="_blank" data-cs-p="机票">
                            <i class="navbar-icon"></i><span>机票</span>

                        </a>
                    </li>

                </ul>
            </div>
        </div>
        <div id="fill_area" style="height: 75px; display: none;"></div>

    </div>
</div>
<br>
        <br>
<div class="row row-summary row-bg">
    <div class="wrapper">
        <h2 class="title">景点概况</h2>
        <div>
            <p style=""/>
            ${(scene.survey)!}</span>
        </div>
    </div>

</div>
<br>
<br>

<div class="row row-top5" data-cs-p="必游景点">
    <div class="wrapper">
        <h2 class="title">必游景点TOP5</h2>
        <#list selectHotTop5 as s>
        <div class="item clearfix">
            <div class="info">
                <div class="middle">
                    <h3>
                        <span class="num">${(s_index+1)!}</span>
                        <a href="/scene/detail?sceneId=${s.id}" target="_blank" title="${s.name}">${s.name}
                        </a><a href="/scene/detail?sceneId=${s.id}" target="_blank" title="${s.name}">
                        <span class="rev-total"><em>${s.replyNum}</em> 条点评</span>
                    </a>
                    </h3>
                    <p>${(s.survey)!}</p>
                    <div class="links">这里还包含景点：
                        <#list s.parent as zjd>
                        <a href="/scene/detail?sceneId=${zjd.id}" target="_blank">${zjd.name}</a>
                        </#list>
                    </div>
                </div>
            </div>
            <div class="pic">
                <a href="/scene/detail?sceneId=${s.id}" target="_blank" title="${s.name}">
                    <#list s.coverUrls as cu>
                    <#if cu_index==0>
                    <div class="large">
                        <img src="${(cu)!}"
                             width="380" height="270">
                    </div>
                    </#if>
                    <#if cu_index==1>
                    <div>
                        <img src="${(cu)!}"
                             width="185" height="130">
                    </div>
                    </#if>
                    <#if cu_index==2>
                    <div>
                        <img src="${(cu)!}"
                             width="185" height="130">
                    </div>
                    </#if>
                    </#list>
                </a>
            </div>
        </div>
        </#list>
    </div>
</div>

<Br>
<Br>

<div class="row row-hotScenic row-bg" data-cs-p="热门景点">
    <div class="wrapper">
        <h2 class="title">热门景点</h2>
        <div class="bd">
            <div class="grid grid-two">
                <div class="figure">
                    <a href="/scene/detail?sceneId=${hot[0].id}" target="_blank" title="${hot[0].name}">
                        <img src="${hot[0].coverUrl}"
                             width="485" height="320">
                        <h3 class="title">${hot[0].name}</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>${hot[0].name}</h3>
                                    <p>${hot[0].survey}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="grid">
                <div class="figure">
                    <a href="/scene/detail?sceneId=${hot[1].id}" target="_blank" title="${hot[1].name}">
                        <img src="${hot[1].coverUrl}"
                             width="242" height="155">
                        <h3 class="title">${hot[1].name}</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>${hot[1].name}</h3>
                                    <p>${hot[1].survey}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="figure">
                    <a href="/scene/detail?sceneId=${hot[2].id}" target="_blank" title="${hot[2].name}">
                        <img src="${hot[2].coverUrl}"
                             width="242" height="155">
                        <h3 class="title">${hot[2].name}</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>${hot[2].name}</h3>
                                    <p>${hot[2].survey}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
            <div class="grid">
                <div class="figure">
                    <a href="/scene/detail?sceneId=${hot[3].id}" target="_blank" title="${hot[3].name}">
                        <img src="${hot[3].coverUrl}"
                             width="242" height="155">
                        <h3 class="title">${hot[3].name}</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>${hot[3].name}</h3>
                                    <p>${hot[3].survey}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="figure">
                    <a href="/scene/detail?sceneId=${hot[4].id}" target="_blank" title="${hot[4].name}">
                        <img src="${hot[4].coverUrl}"
                             width="242" height="155">
                        <h3 class="title">${hot[4].name}</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>${hot[4].name}</h3>
                                    <p>${hot[4].survey}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
            <div class="grid">
                <div class="figure">
                    <a href="/scene/detail?sceneId=${hot[5].id}" target="_blank" title="${hot[5].name}">
                        <img src="${hot[5].coverUrl}"
                             width="242" height="155">
                        <h3 class="title">${hot[5].name}</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>${hot[5].name}</h3>
                                    <p>${hot[5].survey}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="figure">
                    <a href="/scene/detail?sceneId=${hot[6].id}" target="_blank" title="${hot[6].name}">
                        <img src="${hot[6].coverUrl}"
                             width="242" height="155">
                        <h3 class="title">${hot[6].name}</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>${hot[6].name}</h3>
                                    <p>${hot[6].survey}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
            <div class="grid grid-two">
                <div class="figure">
                    <a href="/scene/detail?sceneId=${hot[7].id}" target="_blank" title="${hot[7].name}">
                        <img src="${hot[7].coverUrl}"
                             width="485" height="320">
                        <h3 class="title">${hot[7].name}</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>${hot[7].name}</h3>
                                    <p>${hot[7].survey}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
            <div class="grid">
                <div class="figure">
                    <a href="/scene/detail?sceneId=${hot[8].id}" target="_blank" title="${hot[8].name}">
                        <img src="${hot[8].coverUrl}"
                             width="242" height="155">
                        <h3 class="title">${hot[8].name}</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>${hot[8].name}</h3>
                                    <p>${hot[8].survey}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="figure">
                    <a href="/scene/detail?sceneId=${hot[9].id}" target="_blank" title="${hot[9].name}">
                        <img src="${hot[9].coverUrl}"
                             width="242" height="155">
                        <h3 class="title">${hot[9].name}</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>${hot[9].name}</h3>
                                    <p>${hot[9].survey}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
        </div>
            </div>

    </div>
</div>
    <Br>
    <Br>
<div class="row row-allScenic" data-cs-p="全部景点">
    <div class="wrapper">
        <h2 class="title">
            广州全部景点
            <a class="btn-add" href="/poi/add.php?iId=10088" target="_blank" title="推荐新的景点"><i>+</i>推荐新的景点</a>

        </h2>
        <ul class="nav clearfix1">
            <li class="on theme">
                <a  data-sign="-1" title="全部景点">全部景点</a>
            </li>
            <#list themes as theme>
            <li class="theme" >
                <a title="${theme.name}" data-sign="${theme.id}">${theme.name}</a>
            </li>
            </#list>
        </ul>
        <div class="bd" id="slist">

        </div>


    </div>

</div>

<#include "../common/footer.ftl">
</body>

</html>